
import React,{Component} from 'react'
import {issueNumber} from 'action/sellOption'

export default class IssueNumber extends Component{
	
	init(){
		let App=echarts.init(document.querySelector("#IssueNumber"));
		App.setOption(issueNumber());
	}
	
	componentDidMount(){
		
		let w=(window.getComputedStyle(
				document.querySelector('.IssueNumber'))).width.replace('px','');
			
		document.querySelector('#IssueNumber').width=w;
		
		this.init();
		
	}
	
	render(){
		return(
			<div className="progress">
				<article className="IssueNumber progress">
					<div className="regiona2">
	 					<h2>Online device advertising</h2>
	 					<div className="select">
		 					<select>
		 						<option value="1">全国</option>
		 						<option value="2">南区</option>
		 					</select>
	 					</div>
	 				</div>
					<canvas id="IssueNumber" width="500" height="450px">	
					</canvas>
				</article>
			</div>
		)
	}
}
